* {
  
  
}

body{
	overflow: hidden;
	  font-size: 18px;
	  color:white;
	  -webkit-touch-callout: none;
	  -webkit-user-select: none;  
	  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	  text-decoration: none;
	  border:0px;
	  letter-spacing: .6;
}



.button{
color: #6bb8ff;
background-color: transparent;
cursor: pointer;
word-wrap: normal;
font-size: 1em;
border-width:0px;
}

.MyCartMyInterest{
	position:relative;
	width:100%;
	border: 0px red solid;
	top:45px;
	height:30px;
	}
.MyCart{
	position:absolute;
	left:10px;
	padding:5px;
	width: 48%;
	text-align: left;
}
.MyInterest{
	position:absolute;
	right:25px;
	padding:5px;
	width:48%;
	text-align: right;
	font-size: .8em;
}
.interestCallout{
	position:absolute;
	right:10px;
	top:-3px;
}

.tagTable{
	table-layout: fixed;
	position:relative;
	width:92%;
	height:100%;
	margin-bottom: 100px;
	left:5%;
	overflow-y: scroll;
}


.productTable{
    font-size: .9em;
    line-height: 1.1em;
    width: 300px;
    text-align: center;
	border: 1;
	display:inline-table;
	border-spacing:5px;
	color:#636363;
}
.productTable tr{
	color:#636363;
	line-height: 1em;
}

#productPopUpDiv{
	display:none;
	-webkit-box-shadow: 0px 3px 4px #000;
	   -moz-box-shadow: 0px 3px 4px #000;
	        box-shadow: 0px 3px 4px #000;
	border: 1px white solid;
	min-width: 300px; 
	padding:25px;
	padding-top:10px;
	padding-bottom:10px;
	background-color: white;  
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 1em;
    overflow:hidden;
    position: absolute;
	top: 20px;
	z-index: 2090;
	text-align: center;
	color:#636363;
}

.back{
	right:10px;
	position:absolute;
	top:4px;
	color:#6bb8ff;
	border:none;
}

.shareButton{
	text-align:left;
	width:90%;
	line-height: 35px;
	height:35px;
	margin:0px;
	border-width:1px 0px 1px 0px;
	border-color: #262626;
	border-style:  solid;
	margin-bottom:-1px;
}

.opts{
	width:50%;
	text-align: center;
	position: absolute;
	padding-top:2px;
	height:30px;
}
.opt1{
	position: absolute;
	top:10px;
	left:10px;
	color:#6bb8ff;
}
.opt2{
	position: absolute;
	top:10px;
	right:10px;
	color:#6bb8ff;
}
.alert {
	position: absolute;    
	display: none;        
    border: 0px gray solid;
    text-align: center;
    width: 280px;    
    padding: 5px;
    
    background-color: #ffffff;
    /* easy rounded corners for modern browsers */
       -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    		border-radius: 10px;
	z-index: 20000005; 
}

.alertContent{
	width:90%;
	display: inline-block;
	font-size: 0.9em;
	font-weight: 300;
	margin:5px;
	color:#636363;
}
.alertOptions{
	height:35px;
	width:100%;
	border-top:1px #c1c1c1 solid;
	position:relative;
	font-size: 1.0em;
	color: #6bb8ff;
	padding-top:0px;
	margin-top:5px;
}
.alertMore{
	width:100%;
	position:relative;
	font-size: .8em;
	padding-top:0px;
	margin-top:5px;
	color:#636363;

}


.pubTitle{
	position:relative;
	text-align:center;
	line-height:35px;
	font-size: .8em;
	height:100%;
	width:30%;
	left:30%;
	color:white;
}
 .initLoaderBox{
	position:absolute;
	text-align:center;
	width:100%;
	display: none;
}

.progressText{
	margin:8px 0px 8px 0px;
	color:white;
	font-size:.8em;
	position: absolute;
	top: 5px;
}
.loaderBox{
	position:absolute;
	top:25%;
	text-align:center;
	width:100%;
	display: none;
}
.company{
	font-size: 1.1em;
	color:white;
}
.companyIcon{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 25px;
	height:25px;
	width:25px;
	left:10px;
	top:5px;
	position: absolute;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	opacity: .8;
}


.searchIcon{
	background-image: url(../images/searchIcon.png);
}



.youtubeimg{
	background-position: center center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size:cover;
}

.youTubeTable{
display: table;
color:#FFFFFF;
margin-left: 2%;
margin-bottom:10px;
width:85%;
}





.more{
	display:none;
}

#resizer{	
	display:inline-block;
	position:absolute;		
	right:75px;
	height:30px;
	top:0px;
	line-height: 30px;
	width:100px;	
}

.progressDiv{
	width:100%;
	border:0px red solid;
}

.progressBar{
	display:inline-block;
	height:5px;
	line-height: .8em;
	width:100%;
	background-image: url('../../CSS/img/progressBar.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 0px 5px;
	border-bottom: 1px black solid;
	background-color: #171717;
	position:absolute;
	top:0px;
	left:0px;
}

.dropshadow{
	-webkit-box-shadow: 0px 0px 10px #000;
	   -moz-box-shadow: 0px 0px 10px #000;
	        box-shadow: 0px 0px 10px #000;
}


.psizers{
	background-color: #ebeaea;
	display:inline-block;
	margin:6px 10px 0px 0px;
	opacity: .5;
	background-color: white;
	height:22px; 
	border-radius:3px;
	-webkit-border-radius:3px; 
	-moz-border-radius:3px;   

}
.psize1{
	width:17px;
	background-image: url(../images/height.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	  	
}

.psize3{
	width:30px;
	background-image: url(../images/width.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.selectedSize{
	opacity: .8;
}

a:link{
	color:white;
	text-decoration: none
}
a:visited{
	color:white;
	text-decoration: none
}

.splash{
	width:0px;
	border-radius: 8px;
}
.saveBtn{
	height: 25px;
	font-size:16px;
	width:90%;
	margin:5%;
	line-height: 25px;
}

.checkboxOff{
	width:22px;
	height:22px;
	background-image: url(../../CSS/img/checkboxOff.png);
	background-repeat: no-repeat;
	border:0px green dotted;
	background-position: left center;
	float:right;
}
.checkboxOn{
	width:22px;
	height:22px;
	background-image: url(../../CSS/img/checkboxOn.png);
	background-repeat: no-repeat;
	border:0px red dotted;
	float:right;
	background-position: left center;
}

.selected{
	color:#ff0000;
}

.menu {
	height:35px;
	width:35px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 30px;
	background-image: url(../images/list.png);
	cursor: pointer;
	-webkit-user-select: none;
	-webkit-user-callout: none;
	opacity: .5;
}

.T1{
	position:relative;
	text-align: left;
	font-size: 1.0em;
	padding:5px 5px 5px 10px;
	left:-10px;
	background-color: #747474;
	width:98%;
	color:white;
	font-weight: 300;
}
.T2{
	position:relative;
	text-align: left;
	margin: 0px 0px 0px 0px;
	font-size: 1.0em;
	left:-5%;
	width:90%;
	padding: 5px 20px 5px 10px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 12px 15px;
	border-bottom: 1px black solid;
	border-top: 0px black solid;
	color:white;
	font-weight: 300;
	
}
.panelTitle .MasterMenu{
	color:#878585;
	font-size: 1em;
	line-height: 35px;
	height:35px;
	padding-top:3px;
}

.panelItem{
	top:0px;
	padding-top:5px;
	position:absolute;
	z-index: 2000;
	overflow: hidden;
	}
	
.panelText{
	font-size: 1em;
	text-align: left;
	height:30px;
	line-height: 30px;
	border-top: 1px #686868 solid;
	text-indent: 20px;
	color:white;
	border-bottom:1px #686868 solid;
	position:absolute;
	top:38px;
	left:0px;
}

.panelHead{
	height:40px;
	position:absolute;
	width:100%;
	top:0px;
}

.panelContent{
	position:relative;
	padding-top:10px;
	top:80px;
	overflow-y: scroll
}
.panelCallout{

}

.pageNumbering{
	color:#c6c6c6;
	text-shadow: #000000 0.1em 0.1em 0.2em;
	
}

.next-button{
	position:absolute;
	display:none;
	height:80%;
	width:40px;
	top:50px;
	
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding:4px;
}
.previous-button{
	position:absolute;
	display:none;
	height:80%;
	width:40px;
	top:50px;
	margin-left:5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding:4px;
}
.arrowright{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	background-image: url(../images/arrowright.png);
	width:40px;
	height:40px;
	position:relative;
}
.arrowrightsolid{
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 15px 15px;
	background-image: url(../images/arrowrightsolid.png);
	position:relative;
	opacity: .5;
	padding-right: 10px;
}


.arrowleft{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url(../images/arrowleft.png);
	width:40px;
	height:40px;
	position:relative;
}
.arrowleftsolid{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 15px 15px;
	background-image: url(../images/arrowleftsolid.png);
	position:relative;
	opacity: .5;
	padding-left: 10px;
}

.double{
	background-repeat: repeat-x;
	margin: 0px 20px 0px 20px;
	background-size: 15px 15px;
	padding: 0px;
}

.pointerright{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 18px 18px;
	background-image: url(../images/arrowright.png);
	width:25px;
	height:18px;
	left:95%;
	position:relative;
	top:-18px;
}
.listIcon{
	background-image:url('../images/listIcon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 2px 2px;
	border:0px red dashed;
	margin:0px;
	background-color: transparent;
	cursor: pointer;
	padding:0px;
	opacity: .5;
}

.arrowDown{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 35px 18px;
	background-image: url(../images/arrowdown.png);
	opacity: .5;
}

.accordionHeader{
	padding:4px 4px 6px 4px;
	margin:0px;
	left:0px;
	width:98%;
	text-indent: 5px;
	line-height: 27px;
	height:26px;
	cursor: pointer;
	border-bottom:1px  black solid;
	-webkit-user-select: none;
	-webkit-user-callout: none;

}
.accordionItem{
	display:none;
	padding:0px 0px 10px 0px;
}

.accordionBG{
	background-color:#dbdbdb;
}

.toggleHeading{
	font-size: 14px;
	font-weight:bold;
}

.subItem{
	margin-left:20px;
}

.instruct{
	display:none;position:relative;text-align:left;left:5%;width:80%;padding-bottom:10px;font-size:12px;
}

#moreDiv{
	display:none;
	position:absolute;
	bottom:0px;
	text-align: center;
	width:100%;
	padding:2px;
	line-height: 12px;
	height:20px;
}
				

.contactInfo{
	position:relative;
	width:95%;
	height:120px;
	border:0px red solid;
	margin:10px;
	text-align: center;
	text-indent: 20px;	
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	
}
.pgBtn{
	 background-size: 20px 40px;
	 background-repeat: no-repeat;
	 background-position: 48% 48%;
	 position:absolute;
	 background-color:rgba(0,0,0, 0.0);
	 padding:2px;
	 display:none;
	 opacity: .8;
	 
	
} 

.prvPgBtn{
	-webkit-border-radius: 8px 0px 0px 8px ;
	   -moz-border-radius: 8px 0px 0px 8px ;
	        border-radius: 8px 0px 0px 8px ;	         
	 background-image: url('../images/historyBackButton.png');
	
		       
}
.nxtPgBtn{
	-webkit-border-radius: 0px 8px 8px 0px ;
	   -moz-border-radius: 0px 8px 8px 0px ;
	        border-radius: 0px 8px 8px 0px ;	        
	 background-image: url('../images/historyForwardButton.png');
		         
}




.styleList{
	width:320px;
	margin-left:auto;
	margin-right:auto;
	border:0px red dotted;
	display:inline-block;
	position: relative;
	text-align: center;
	overflow: hidden;
	height:400px;
		
}
.styleItem{
	width:240px;
	height:240px;
	border:1px #808080 solid;	
	cursor: pointer;
	display:inline-block;
	background-color: white;
	line-height: 100%	;
	-webkit-box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.5) inset;
	       box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.5) inset; 
}

.redBorder{
	border:2px #FF8080 solid;
}

.devBorder{
	border:0px white dotted;
	
}
.roundButton{
	padding:0px;
	-webkit-border-radius: 100% ;
	   -moz-border-radius: 100% ;
	        border-radius: 100% ;
	width:20px;
	height:20px;
	background-color: red;
	position:absolute;		
}

.buttonObject{
	cursor: pointer;
}

.scrollableDiv{
	-webkit-overflow-scrolling-y:touch; 
	overflow-y:scroll; 
}

.close{
	display: none;
	text-align: right;
	margin:5px;
	font-size: 16px;
	font-weight: bold;	
}

.titleDiv{	
	-webkit-transform-origin: bottom left;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg); /* IE 9 */
	-webkit-transform: rotate(270deg); /* Safari and Chrome */
	-o-transform: rotate(270deg); /* Opera */
	-moz-transform: rotate(270deg); /* Firefox */	
	position: absolute;
	left:40px;
	bottom:-4px;	
	text-align: center;	
	border:0px red dotted;
	z-index: 20;
	font-weight: bold;
	padding:4px;
	padding-bottom:6px;
	font-size: 11px;
	text-shadow: #000000 0.1em 0.1em 0.2em;		
	letter-spacing: .5em;	
	display:none;
	opacity: 1;
		
}


#taskbarTab{
	-webkit-border-radius: 0px 0px 8px 8px ;
	   -moz-border-radius: 0px 0px 8px 8px ;
	        border-radius: 0px 0px 8px 8px ;
	border: 1px solid #f1f1f1;
	/*background-image: url('../images/expand.png');*/
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #202020;
	position:absolute;
	top:-40px;
	width:100px;
	height:20px;
	text-align: center;
	opacity: .8;
	padding:2px;
	font-size: 12px;
	-webkit-box-shadow: 2px 2px 2px #000;
	display:inline-block;
	overflow: hidden;	
}

#fullScreenDiv{
	position:absolute;
	right:2px;
	top:2px;
	display:block;	 
	text-align: center;
	min-width:30px;
	padding:0px;			
}
#fullScreenDiv img{
	opacity: .6;
}
#youTubeDiv{	
	display:none;
	position:absolute;
	vertical-align:middle;
	overflow:hidden;
	-webkit-border-radius: 8px 8px 8px 8px ;
	   -moz-border-radius: 8px 8px 8px 8px ;
	        border-radius: 8px 8px 8px 8px ;
	border: 0px solid #f1f1f1;
	background-color: #202020;
	padding:8px;
	z-index: 2000000;
}

.youTubeEmbed{
	border:0px red solid;
	display:block;
	position:absolute;
	vertical-align:middle;
	overflow:hidden;	
}
#youTubeDivContent{
	width:100%;
	height:100%;
	overflow: hidden;
	position:relative;
	border:0px blue dotted;	
}

.spreadsSliderTable{
	text-align: center;
	width: 90%;
	height:35px;
	white-space: nowrap;
	line-height: 10px;
	display: inline-table;
	font-size:12px;
	font-weight: bold;
	padding-top:0px;	
	/* border-collapse: collapse; */
	vertical-align: bottom;	
	 -webkit-user-select: none;
	 border:0px white dotted;
	 position: relative;
	 bottom:0px;
	 overflow: visible;	 	
}
#spinnerDiv{
	width:60px;
	height:60px;
	position:absolute;
	text-align: center;
	display:block;
	vertical-align: middle;	
	border:0px red solid;
	z-index: 200;
}

#topbarSpinnerDiv{
	position:absolute;
	right:160px;
	top:17px;
	width:30px;
	height:30px;
	border:0px green dotted;
}

#spinnerBox{
	position:absolute;
	left:50%;
	top:45%;
}
#loadspinnerDiv{
	position:absolute;
	left:50%;
	top:100px;
	display:block;
	border:0px red solid;
}
	
.italics{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 5px;
	color:#838181;
	-webkit-user-select: none;
}

.pagesButton{
	text-align:center; 
	margin-left:0px; 	
	position:relative;
	top:-2px;
	left:0px;
	padding-top: 4px;
}


.rowOdd{
	background-color: #303030;
}
.rowEven{
	background-color: #101010;
}
.addButton{
	-webkit-border-radius: 100% ;
	width:20px;
	height:20px;
	margin:0px;
	padding:0px;
	font-size: 12px;
	color:black;
}

.tabOff{
	font-size: .8em;
}

.tabOn{
	font-size: 1em;
}

.tabDiv{
	border:1px #9d9b9b solid;
	max-height: 450px;
}


#cartCloser{
	width:30px;
	height:30px;
	position:relative;
	top:0px;
	right:5px;
	
}
#historyCartDiv{
	border:1px #9d9b9b  solid;		
	position:relative;
	top:48px;
	left:10px;
	display: inline-block;
	width:360px;
	margin-bottom:40px;
	overflow: hidden;	 	
}

#historyTableDiv{
	position:relative;
	top:-15px;	
	border:0px red dotted;
	display:block;
	overflow: scroll;
	margin-bottom:0px;		
	
}
#currentCartDiv{		
	position:relative;
	top:15px;
	left:0px;
	display: inline-block;
	width:100%;
	margin-bottom:25px; 	
}
.company{
	padding-top:3px;
	font-size: .9em;	
}

.cartHeader{
	border:0px red dotted;
	display:inline-block;
	position:absolute;
	top:10px;
	margin-bottom:-2px;
	left:0px;
	text-align: center;
	z-index: 20;
	width:98%;
}

#cartContentDiv{	
	position:relative;
	top:-18px;
	margin-bottom: 15px;
}

.cart{
	position:relative;
	color : white;
    width: 100%;
    text-align: left;		
	margin-left:0px;	
	margin-top:5px;
	margin-bottom:10px;
	position:relative;
	top: 10px;
	
	-webkit-overflow-scrolling-y:touch; 
	overflow-y:scroll;	
}

.cart td{
	vertical-align: top;
	border-bottom: 1px solid #dedede;
	padding:4px;
	font-size: .8em;
	border-collapse: collapse;
}
.cartPanel{
    width: 100%;   
	top:0px;
	min-height: 100px;
}
#cartFooter{
	height:10px;
}

#splashDiv{
	width:100%;	
	height:100%;
	border: 0px red dotted;	
	display: none;
	text-align: center;	
}

#splashDiv div{
	vertical-align: middle;
	text-align: center;
	top:35%;
	width:98%;
	position: absolute;
	}

#splashImg{
	opacity: 1;
	width:50px;
}

#spark{
	width:20px;
	height:20px;
	display:none;
	border: 0px red dotted;
	background-color: white;
	position: absolute;
	-webkit-border-radius: 100%;
	   -moz-border-radius: 100%;
	        border-radius: 100%;
	-webkit-box-shadow: 0px 0px 30px 30px #FFF;
		-moz-box-shadow: 0px 0px 30px 30px #FFF;
	 		box-shadow: 0px 0px 30px 30px #FFF;
	opacity: .5;	
}

.numberCallout{
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	border:2px white solid;
	background-color: #c40000;
	color:white;
	font-size: .7em;
	top:0px;
	height:12px;
	line-height:.8em;
	min-width:16px;
	text-align: center;
	padding: 0px;
	margin:0px;
	padding:3px 2px 0px 2px;
	display: none;	
}

.numberCalloutDisabled{
	-webkit-border-radius: 12px;
	   -moz-border-radius: 12px;
	        border-radius: 12px;
	border:2px white solid;
	background-color: #303030;
	color:white;
	font-size: 10px;
	font-weight: bold;
	position:relative;
	right:-20px;
	top:-28px;
	height:12px;
	max-width:55px;
	min-width:16px;
	font-family: "Verdana";
	text-align: center;
	padding: 0px;
	margin:0px;
	padding-bottom: 2px;
	display: none;	
}


#pageIndicator{
	height:23px;
	color:#878585;
	font-size: 14px;
	position:relative;
	width:100%;
	text-align: center;
	white-space: nowrap;
	line-height: 23px;		
	opacity: .8;	
	display:inline-block;
	margin-bottom:0px;
	margin-left:auto;
	margin-right: auto;
	z-index: 5000000000000;				
}

.indicatorDiv{
	width:250px;	
	position:absolute;
	height:28px;
	bottom:0px;
	z-index: 3000000000;
	display:inline-block;
	overflow: hidden;
	border:0px red dotted;
	text-align: center;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-left-radius: 6px;
	
	background-color: black;
	padding:3px;
	opacity: .8;
	color:white;
	display:none;		
}


img { 
border: 0
}

input{
 -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
         border-radius: 6px;
  -khtml-border-radius: 6px; 
 text-indent: 2px;
 -webkit-user-select: auto;
 font-size: 1em;
 }

textarea{
 -webkit-border-radius: 10px; 
 -moz-border-radius: 10px;
 border-radius: 10px;
 font-size:14px; 
 color:black; 
 -webkit-user-select: auto;
 }
 
h1{
color:#686868;
font-size: 1.2em;
font-weight: normal;
margin:2px;
}

h2{
font-weight: normal;
font-size: 1em;
line-height: 1.2em;
margin:2px;
}

h3{

font-size: .8em;
line-height: .9em;
font-weight: normal;
margin:2px;
}

h4{

font-size: .7em;
font-weight: normal;
margin:2px;
}

h5{
font-size: .6em;
font-weight: normal;
margin:2px;
}

h6{

font-size: .5em;
font-weight: normal;
}

ul
{
list-style-type:none;
margin:0px 0px 0px -20px;
}

li{
cursor: pointer;
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px; 
color:#686868;
font-weight: 100;
}

li a:hover
{
background-color: #369;
color: #FFF;
}
 

#languagesDiv{
	padding:3px;
	position:absolute;
	top:80px;right:15px;
	display:none;
	opacity:0;
	z-index:1000;
	background-color:#202020;
	border-radius: 4px;
}

.tooltip{
	background: -webkit-linear-gradient(#ff0000 0%, #950404 100%);
	background: -moz-linear-gradient(#ff0000 0%, #950404 100%);
	background: -o-linear-gradient(#ff0000 0%, #950404 100%);
	background: linear-gradient(#ff0000 0%, #950404 100%);
	padding:4px;
	color:#ffffff;
	word-wrap:break-word;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	text-align: left;
	line-height: 16px;
	font-size:16px;
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
	z-index: 99999999999999;
	display:inline-block;
	overflow: hidden;
	position:fixed	;
}


#toolbarTopDiv{ 
position:absolute;
top:0px;
border: 0px red solid;
margin-top: 0px; 
margin-right: 0px;  
margin-left: 0px;
 
width:100%;
display: none;
-webkit-user-select: none;
border-collapse: collapse; 
}

#toolbarTopDiv img{
opacity:1;
cursor:pointer;
}

.textShadow{
	text-shadow: black 0.1em 0.1em 0.2em;
}

#toolTipDiv{
	position: absolute;
	background-color: #202020; opacity: .9;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    		border-radius: 10px;    
    font-family: Verdana ;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #c5d9e8;
	text-align: center;
	white-space: normal;
	padding:10px;	
	line-height: 2em;
	-webkit-transform : rotate(0deg);
	-webkit-box-shadow: 2px 2px 2px #000;
	-webkit-user-select: none;
	display: none;
	z-index: 2000000000000;	  
}
#toolTipDiv.active{
	background-color: red;
}

.toolbarTop{ 
font-size: 15px;
margin-right: 0px; 
margin-left: 0px;
margin-top:0px;
text-align:center;
vertical-align: middle;
height:100%;
width:100%;
overflow: visible;
position:absolute;
top: 3px;
white-space: nowrap;
border-collapse: collapse;
border-spacing: 0;
}

.rounded{
	-moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    		border-radius: 1em;
}

.toolbarTop div { 
max-height:32px; 
display:inline-block;
}


.productImage{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    		border-radius: 10px;
	border:10px white solid;
}
.saleImage{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    		border-radius: 10px;
	border:10px white solid;
}


#cartTotalDiv{			
	text-align: center;	
	display: none;
	position: relative;
	left:-6px;
	padding: 2px;	
	width:50%;
	top:-1px;
}


#contactUsDiv{
	-webkit-box-shadow: 0px 0px 8px #000;
	width:100%;
	height:450px;
	position:absolute;
	overflow: hidden;
	display: none;
	border:1px white solid;
	text-align: center;
	-webkit-border-radius: 10px;
	background-color: #202020;
		    
}
#comment{
	width:270px;
	height:140px;
	margin:10px;
}

contactUsTable{
	margin-left: 10px;
	padding:10px;
	font-size:14px;
	text-align: center;	
}

.disabled{
	font-size:14px;
	background-color:#919191;
	color:white;
}

#loginDiv{
	position: absolute; 		      
    border: 1px white solid;
    text-align: center;
    width: 320px; 
    min-height: 230px;      
    padding: 10px;
    background-color: #202020;opacity: 1;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: none;
    font-family: Verdana ;
    font-size: 10px;
    font-weight: bold;
    -moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000; 	    
}

#loginTable{	
	position:absolute;
	top:70px;
	left:20px;
}

#searchInput{
	position:relative;
	top:0px;
 	text-align: center;
 	color:black;
 	width:85%;
	font-size: 1.2em;
	z-index: 2000;
	line-height:1.2em;
}

   
#clearSearchDiv{
border: 0px blue dotted;
position: relative; 
top:5px;
right:30px;
display: inline-block;
overflow: visible;
}
.clearSearchDivFocus{
position: relative; 
top:25px;
right:40px;
z-index: 20;
}

.lifted {
    -moz-border-radius:4px; 
         border-radius:4px;
}

.lifted:before,
.lifted:after { 
    bottom:15px;
    left:10px;
    width:50%;
    height:20%;
    max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);       
    -webkit-transform:rotate(-3deg);         
}

.lifted:after {
    right:10px; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

#searchTxtMagnify{
position: relative; 
top:5px;
left:28px;
z-index: 20;
}
#searchTxtX{
width:18px;
height:18px;
position: relative;

}
#searchTxtDiv{
height:28px;
overflow:visible;
vertical-align: top;
display:inline-block;
position: relative;
top:-2px;
left:-10px;
}
.iconDiv{
	width:30px;
	height:30px;
	margin: 0px 10px 4px 0px;
	float:right;
	top:-2px;
	position:relative;
}
.iconProp{
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 25px;
	opacity:.6;
}
.tagIcon{
	float: right;
	margin-right: -20px;
	color:white;
	width:35px;
	height:22px;
	line-height: 1.3em;
	font-size: 1em;
}

.searchIcon{
	background-image: url(../images/searchIcon.png);
}
.eyeIcon{
	background-image: url(../images/eyeIcon.png);
}

.homeIcon{
	background-image: url(../images/homeIcon.png);
}
.facebookIcon{
	background-image: url(../images/facebookIcon.png);
}
.linkedinIcon{
	background-image: url(../images/linkedinIcon.png);
}

.pdfIcon{
	background-image: url(../images/PDFicon.png);
}
.archiveIcon{
	background-image: url(../images/archiveIcon.png);
}
.shareIcon{
	background-image: url(../images/shareIcon.png);
}
.tocIcon{
	background-image: url(../images/tocIcon.png);
}
.twitterIcon{
	background-image: url(../images/twitterIcon.png);
}
.pagesIcon{
	background-image: url(../images/pagesIcon.png);
}
.exportIcon{
	background-image: url(../images/exportIcon.png);
}
.contactIcon{
	background-image: url(../images/contactIcon.png);
}
.aboutIcon{
	background-image: url(../images/aboutIcon.png);
}
.helpIcon{
	background-image: url(../images/helpIcon.png);
}
.saveIcon{
	background-image: url(../images/saveIcon.png);
}
.cartIcon{
	background-image: url(../images/cartIcon.png);
}
.videoIcon{
	background-image: url(../images/videoIcon.png);
}
.settingsIcon{
	background-image: url(../images/settingsIcon.png);
}
/*
.saleIcon{
	background-image: url(../images/saleIconb.png);
}
*/

#webDiv{
	-webkit-box-shadow:0px 10px 10px #000;	
	position:absolute;
	overflow: hidden;
	display: none;
	border:2px white solid;	
	-webkit-border-radius: 10px;
	background-color: #202020;
	padding:20px;
}

#webFrame{	
	overflow:scroll;
	border: 2px;	
	-webkit-transform: scale(0.75, 0.75);
    -webkit-transform-origin: 0 0;
}

.verticalTab{
	border:1px grey solid;
	-webkit-transform: rotate(270deg);
	-webkit-transform-origin: 0 bottom;
	-webkit-border-radius: 10px;
	padding:4px;
	width:50%;
	color:#e1e1e1;
	text-align: center;
	-webkit-touch-callout: none;	-webkit-user-select: none;
	position: relative;
}

.onButton{
background-image:url('../images/On.png');
margin: 5px;
width:75px;
height: 25px;
cursor: pointer;
}

.offButton{
background-image:url('../images/Off.png');
width:75px;
height: 25px;
margin: 5px;
cursor: pointer;
}
.switchLeft{
background-image:url('../images/switchLeft.png');
margin: 5px;
width:75px;
height: 25px;
cursor: pointer;
}
.switchRight{
background-image:url('../images/switchRight.png');
width:75px;
height: 25px;
margin: 5px;
cursor: pointer;
}
.book{
border:0px white dotted;
position:relative;
top:34px;
left:-4px;
width:100%;
text-align: center;
display:block;
}

.content{
	display: block;
	min-height: 80px;
	overflow-y: scroll;
	overflow-x: hidden;
	border:0px red dotted;
	position:relative;
}

.divFooter{
	width:100%;
	-webkit-border-radius: 0px 0px 10px 10px;
	background-color: #202020;
	position:absolute;
	bottom:0px;
	border: 1px #202020 solid;
	height:5px;
}



.numbering{
	color: #FFFFFF;
	border: solid 1px #fefefe;	
	font-size: 16px;
	padding:4px;
	display: inline-block;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
		    border-radius: 15px;
	background: #828282;
	background: -moz-linear-gradient(top,  #828282 0%, #131313 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#131313));
	background: -webkit-linear-gradient(top,  #828282 0%,#131313 100%);
	background: -o-linear-gradient(top,  #828282 0%,#131313 100%);
	background: -ms-linear-gradient(top,  #828282 0%,#131313 100%);
	background: linear-gradient(to bottom,  #828282 0%,#131313 100%);
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#131313',GradientType=0 ); */

	min-width:20px;
	text-align: center;
	opacity:1;
}


.topR{
	position: absolute;
	right:0px;
	top:0px;
	width:20px;
	height:20px;
	border:0px white dotted;
}
.botR{
	position: absolute;
	right:0px;
	bottom:0px;
	width:20px;
	height:20px;
	border:0px white dotted;
}
.topL{
	position: absolute;
	left:0px;
	top:0px;
	width:20px;
	height:20px;
	border:0px white dotted;
}
.botL{
	position: absolute;
	left:0px;
	bottom:0px;
	width:20px;
	height:20px;
	border:0px white dotted;
}
.centerR{
	position: absolute;
	right:0px;
	background-image: url('../images/expand.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #202020;
	-webkit-border-radius: 10px;
	width:30px;
	height:80px;
	border:0px red dotted;	
}


#spreadContentDiv{
border:0px #b809b0 dotted;
display:block;
position:relative;
top:0px;
margin:0px;
width: 98%;
overflow:visible;
}

#spreadsDiv{
	position: absolute;        
    margin-left:0px; 
    top:40px;   
    padding-left: 0px;     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color : #ffffff;
    font-family: Verdana ;
    font-size: 11px;
    font-weight: normal;
    border: 0px #f90505 dotted;				
	text-align: center;
	display: none;
	overflow:visible;
	z-index: 2000000;	
}

#viewingPage{
border:0px white dashed;
padding:0px;
overflow:hidden;
position:absolute;
display: none;
-webkit-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.6) ;
   -moz-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.6) ;
        box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, 0.6) ;
-webkit-touch-callout: none;
}

#movingPage{
border:0px white dashed;
padding:0px;
overflow:hidden;
position:absolute;
display: none;
-webkit-box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.8) ;
-webkit-touch-callout: none;

}
#movingPage img{
	  -webkit-touch-callout: none;
}

#objectPDF{
left:-5px;
top:-5px;
position:absolute;
border:0px blue dotted;
background-color: transparent;
-webkit-user-select: none;
}

.customSlider{
	background-color: #b8b7b7;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;	
	height:6px;	
	border:1px #f1f1f1 solid;	
	-webkit-box-shadow:1px 1px 0px 1px rgba(0, 0, 0, 0.4) inset;
	   -moz-box-shadow:1px 1px 0px 1px rgba(0, 0, 0, 0.4) inset;
	        box-shadow:1px 1px 0px 1px rgba(0, 0, 0, 0.4) inset; 
	margin-bottom:12px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	position: relative;
	bottom:0px;
	width:99%;	
	-webkit-user-select: none;	
}

.sliderButton{
	background-image: url('../images/sliderButton.png');
	background-repeat: no-repeat; 
	background-position: 0px 0px;
	background-size: 100% 100%;	
	height:25px;
	width:25px;	
	border:0px #f1f1f1 solid;
	-webkit-border-radius: 12px;
	-webkit-box-shadow:1 1px 1px 1px rgba(0, 0, 0,.8);	
	position:relative;
	top:-16px;
	left:-7px;	 
	cursor: pointer;
	 -moz-user-select: none;
	 -khtml-user-select: none;	
	-webkit-user-select: none;	
}


#annotLayer{
position:absolute;
top:0px;
right:0px;
left:0px;
right:0px;
bottom:2px;
border:0px blue solid;
overflow: visible;
display: none;
-webkit-touch-callout: none;
}
.linksDiv{
text-align: center;
position:absolute; 
border:0px yellow dotted;
overflow: hidden;
padding:0px;
-webkit-touch-callout: none; -webkit-user-select: none;
} 
#cartTotal{
text-align:left;
vertical-align:middle; 
color: #ffffff;
left:0px;
position:relative;
width:100%;

}
#cartButton{
vertical-align:middle;
display:inline-block;
text-align: right;
margin-right:10px;
border:0px white dotted;
width:100%;
font-size: 1em;
line-height: 35px;
color:white;

}
.closeButton{
position:absolute;
top: 4px;
right: 4px;
width:25px;
height:25px;
border: 0px white solid;
}


#tocTable {
    display: block;
    border: 0px white solid;      
    color:white;
    margin-bottom:35px;    
    margin-left: 15px;
    overflow:hidden;   
    }
#row  {
    display: table-row;
    border:0px red solid;    
    vertical-align: middle;
    padding:10px;
    
    }
#left {
	border:0px green solid;
    display: table-cell;
    width:80px;
    padding:5px;
  }    
#middle,#right {
	border:0px blue solid;
    display: table-cell;
    padding-left: 5px;    
  }      
.loaderGIF{
	margin:10px;	
}




.historyItem{
	border: 2px white solid;
 	 
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
             
    opacity: 1;
   background: #c4c4c4;
	background: -moz-linear-gradient(top,  #c4c4c4 0%, #d6d6d6 46%, #f4f4f4 61%, #f9f9f9 76%, #fcfcfc 91%, #fcfcfc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4c4c4), color-stop(46%,#d6d6d6), color-stop(61%,#f4f4f4), color-stop(76%,#f9f9f9), color-stop(91%,#fcfcfc), color-stop(100%,#fcfcfc));
	background: -webkit-linear-gradient(top,  #c4c4c4 0%,#d6d6d6 46%,#f4f4f4 61%,#f9f9f9 76%,#fcfcfc 91%,#fcfcfc 100%);
	background: -o-linear-gradient(top,  #c4c4c4 0%,#d6d6d6 46%,#f4f4f4 61%,#f9f9f9 76%,#fcfcfc 91%,#fcfcfc 100%);
	background: -ms-linear-gradient(top,  #c4c4c4 0%,#d6d6d6 46%,#f4f4f4 61%,#f9f9f9 76%,#fcfcfc 91%,#fcfcfc 100%);
	background: linear-gradient(to bottom,  #c4c4c4 0%,#d6d6d6 46%,#f4f4f4 61%,#f9f9f9 76%,#fcfcfc 91%,#fcfcfc 100%);
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#fcfcfc',GradientType=0 ); */
    display: inherit;
    width:175px;
    padding-left:5px; padding-right: 5px; 
    color:#202020;
    cursor: pointer; 
}
.sectionHeading{
	border: 0px white solid; 	 
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
    	     border-radius: 10px;
    opacity: 1;
    background-color:white;
    display: inherit;
    width:90%;
    padding-left:5px; padding-right: 5px; 
    color:#202020; 
}


.col1{
	width:15px;
	text-align:center;	
}
.col2{
	width:15%;
	text-align:center;
	line-height: 22px;
}
.col3{
	width:40%;
	text-align:left;
	line-height: 22px;
}
.col4{
	width:20%;
	text-align:right;
	line-height: 22px;
}
.col5{
	width:20px;
	text-align:center;
	line-height: 22px;
}
.col6{
	width:15%;
	text-align:right;
	line-height: 22px;
}
.col7{
	width:15px;
	text-align:center;
	line-height: 22px;	
}





.filetree{
position:relative;
top: 10px;
left: -10px;
width: 280px;
 
}
.filetree li{
	left: -10px;
	padding:5px;
	font-size: 14pt;
	white-space: nowrap;
	
}


.loading{
	width:200px;
	height:200px;	
	padding:5px;
	background-color: #202020;
	opacity: .9;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:0px #ff0000 solid;
	display:none;
	position: absolute;
	text-align: center;	
	z-index: 2001;	
}


.searchResultsDiv{
	
}

.searchResults{
	color : #ffffff;
    font-size: .8em;   
    text-align: left;		
	margin-left:5px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
	line-height: 1em;
	display:table;	
	table-layout:fixed;
	-webkit-overflow-scrolling-y:touch;
	
}


.tocButton{
left:-40px;
bottom:0px;
width:30px;
position:relative;
opacity: .8;
cursor: pointer;
}

.thumbCell{
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
	display:inline-block;
}

.thumbnail{
position:relative;
width:140px;
cursor: pointer;
-webkit-box-shadow: 0px 0px 10px #000;
	   -moz-box-shadow: 0px 0px 10px #000;
	        box-shadow: 0px 0px 10px #000;
}

.thumbnailSmall{
width:80px;
cursor: pointer;
-webkit-box-shadow: 0px 0px 10px #000;
	   -moz-box-shadow: 0px 0px 10px #000;
	        box-shadow: 0px 0px 10px #000;
}

.thumbnailMedium{
	position:relative;
	width:250px;
	text-align: center;
	vertical-align: middle;
	-webkit-box-shadow: 0px 0px 10px #000;
	   -moz-box-shadow: 0px 0px 10px #000;
	        box-shadow: 0px 0px 10px #000;	
	cursor: pointer;	
}
.thumbnailMediumGlow{
	position:relative;	
	-webkit-box-shadow: 0 0 5px 5px rgba(255, 0, 0, 1);
	width:150px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;	
}
.iconbox img{
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding: 10px;
	cursor: pointer;
}


